<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

<!--数据驱动视图-->    
<div id="app">
    <h1>{{message}}</h1><!--插值表达式-->
    <h2> {{count}}</h2>
</div>

<!-- 准备工作-->
 <script type="module">
    //引入vue模块
    import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';

     createApp({//传入js对象
        data(){
            return {
                message:'hello vue',
                count:100
            }
        }
     }).mount('#app');//适用范围
 </script>
</body>
</html>